.mh-menu {
    height: 385px;
    width: 600px;
    margin: 20px auto;
    position: relative;
}

.mh-menu li {
    width: 300px;
}

.mh-menu li a {
    display: block;
    width: 280px;
    padding: 0px 10px;
    text-align: right;
    position: relative;
    z-index: 10;
    height: 97px;
    border-right: 1px solid #ddd;
    background: rgba(255, 255, 255, 0.8);
}

.mh-menu li:hover a {
    background: rgba(225, 239, 240, 0.4);
}

.mh-menu li a span {
    display: block;
}

.mh-menu li a span:first-child {
    font-weight: 700;
    font-size: 16px;
    color: #ddd;
    padding-top: 10px;
    font-family: 'Alegreya SC', Georgia, serif;
}

.mh-menu li a span:nth-child(2) {
    font-weight: 400;
    font-style: italic;
    font-size: 28px;
    font-family: 'Alegreya SC', Georgia, serif;
    /* tips: write your code here */
}

.mh-menu li:nth-child(1):hover span:nth-child(2) {
    /* tips: write your code here */
}

.mh-menu li:nth-child(2):hover span:nth-child(2) {
    /* tips: write your code here */
}

.mh-menu li:nth-child(3):hover span:nth-child(2) {
    /* tips: write your code here */
}

.mh-menu li:nth-child(4):hover span:nth-child(2) {
    /* tips: write your code here */
}

.mh-menu li img {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    opacity: 0;
    /* tips: write your code here */
}

.mh-menu li:hover img {
    /* tips: write your code here */
}